*{
	border: 0;
	padding: 0;
	margin: 0;
}
#wrap{
	width: 100%;
	height: 100%;
	background-color: lightgray;
	text-align: center;
	
}
#wrap_header{
	height: 43px;
	width: 100%;
	background-color: deepskyblue;
	/*position: relative;*/
	position: fixed;
	z-index: 99;
}
#mobile_logo{
	width: 95px;
	position: absolute;
	/*height: 100%;*/
	top: 7px;
	left: 4.5%;
}
#mobile_nav{
	width: 29px;
	position: absolute;
	top: 5px;
	right: 5%;
	
}
#mobile_nav_frame{
	position: absolute;
	width: 77px;
	height: 0px;
	background-color: deepskyblue;
	text-align: center;
	top: 43px;
	right: 0;
	overflow: hidden;
	/*display: none;*/
	/*animation: slideInDown  1s linear;*/
	
}
@keyframes navTopOrDown{
	from{height: 0;}
	to{height: 130px;}
}
@keyframes navDownOrTop{
	from{height: 130px;}
	to{height: 0;}
}
#mobile_nav_frame a{
	font-size: 20px;
	color: white;
	text-decoration: none;
	display: inline-block;
	line-height: 30px;
	
	
}
@keyframes bbii{
	from{display: none;}
	to{display: block;}
}
/*_____________________________________________*/







/*_____________________________________________*/

.wrap_footer{
	margin-top: 2.5em;
	width: 100%;
	height: 86px;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
}

.wrap_footer p{
	color: white;
	/*margin-top: 0.8em;*/
	/*line-height: 1em;*/
	padding-top: 1.3em;
	line-height: 2px;
}


/*--_____________________________________________*/


#wrap_body{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 43px;
	
}
#body_one{
	width: 100%;
	height: 213px;	
	overflow: hidden;
}
.swiper-wrapper{
	/*position: relative;*/
	width: 100%;
	
	height: 213px;
}
.swiper-container{
	/*position: relative;*/
	width: 100%;
	height: 213px;
	animation: zoomIn 1s linear;
}
.swiper-slide{
	width: 100%;
	height: 213px;
	/*display: none;*/
	position: absolute;
	
}
#body_oneimg1{
	width: 100%;
	height: 213px;
	/*display: none;*/
	
}
#body_oneimg2{
	width: 100%;
	height: 213px;
}
#body_oneimg3{
	width: 100%;
	height: 213px;
}
#body_two{
	width: 100%;
	height: 30%;
	text-align: center;
	
}
#body_twoimg{
	width: 100%;
}
#body_three{
	width: 100%;
	height: 328px;
	background-color: deepskyblue;
	text-align: center;
	/*position: absolute;*/
	
}
#body_threeimg{
	width: 70%;
	margin-top: 10%;
}
#body_three h2{
	width: 100%;
	position: absolute;
	color: white;
	top: 31%;
	
}
#body_three p{
	width: 80%;
	position: absolute;
	color: white;
	top: 33.5%;
	left: 11%;
}
#body_four{
	width: 100%;
	height: 450px;
	text-align: center;
}
#body_fourimg{
	width: 70%;
	margin-top: 8%;
}
#body_four h2{
	width: 100%;
	position: absolute;
	top: 56.5%;
	
}
#body_four p{
	width: 80%;
	position: absolute;
	top: 59%;
	left: 11%;
}
#body_five{
	width: 100%;
	height: 280px;
	text-align: center;
}
#body_fiveimg{
	width: 100%;
}
#body_five h2{
	width: 100%;
	position: absolute;
	top: 76.5%;
	
}
#body_five p{
	width: 80%;
	position: absolute;
	top: 79%;
	left: 11%;
}
#body_six{
	width: 100%;
	height: 280px;
	text-align: center;
}
#body_siximg{
	width: 100%;
}
#body_six h2{
	width: 100%;
	position: absolute;
	top: 93.5%;
	
}
#body_six p{
	width: 80%;
	position: absolute;
	top: 96%;
	left: 11%;
}
/*--------------------------------------*/
#body_onelogo1{
	position: absolute;
	top: 10px;
	left: 33%;
	width: 40%;
	z-index: 10;
}
#body_onebtn1{
	position: absolute;
	width: 35%;
	height: 20%;
	background-color: skyblue;
	border-radius:10px ;
	top: 70%;
	left: 33%;
	color: white;
	font-size: 20px;
	/*z-index: 1;*/
	text-align: center;
}
#body_onelogo2{
	position: absolute;
	top: 15%;
	left: 32%;
	width: 40%;
	z-index: 10;
}
#body_onebtn2{
	position: absolute;
	width: 35%;
	height: 20%;
	background-color: skyblue;
	border-radius:10px ;
	top: 50%;
	left: 33%;
	color: white;
	font-size: 20px;
	/*z-index: 1;*/
	text-align: center;
}
#body_onelogo3{
	position: absolute;
	top: 15%;
	left: 32%;
	width: 40%;
	z-index: 10;
}
#body_onebtn3{
	position: absolute;
	width: 35%;
	height: 20%;
	background-color: skyblue;
	border-radius:10px ;
	top: 50%;
	left: 33%;
	color: white;
	font-size: 20px;
	/*z-index: 1;*/
	text-align: center;
}